<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>车型选择</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />
    <style>
        body{ background-color: #fff; }
        header, header div{ height: 44px !important; }
        header div a{ display: inline-block; height: 44px !important; line-height: 44px; font-size: 1.8rem; }
        header h1{ padding: 8px; }
        .am-accordion-title{ background-color: #b8b8b8 !important; color: #fff !important; padding: 0rem 1rem !important; }
        .am-accordion-content{ padding: 0 1rem; }
        .am-list-news-bd ul.am-list li{ padding-bottom: 0; }
        .am-list>li.first{ border-top: none; }
        .am-list>li.last{ border-bottom: none; }
        .am-titlebar{ margin-top: 0; }
        .am-titlebar-default .am-titlebar-title{ text-align: center; width: 100%; padding-left: 0; color: #333333; }
        .am-titlebar-default .am-titlebar-title:before{ border-left: none; }
        img.car-logo{ display: inline-block; margin-right: 5px; }
    </style>
</head>
<body>
<div class="am-titlebar am-titlebar-default" style="border-bottom: none;">
    <h2 class="am-titlebar-title">
        <img src="../assets/i/examples/car-logo.png" class="car-logo" alt="" />奥迪. <span>A3</span>
    </h2>
</div>

<section data-am-widget="accordion" class="am-accordion am-accordion-default2" data-am-accordion='{ "multiple": true }'>
    <dl class="am-accordion-item am-active">
        <dt class="am-accordion-title">一汽大众奥迪</dt>
        <dd class="am-accordion-bd am-collapse am-in">
            <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
            <div class="am-accordion-content am-list-news-bd">
                <ul class="am-list">
                    <li class="am-g am-list-item-dated first">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                    <li class="am-g am-list-item-dated">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                    <li class="am-g am-list-item-dated last">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                </ul>
            </div>
        </dd>
    </dl>

    <dl class="am-accordion-item am-active">
        <dt class="am-accordion-title">奥迪进口</dt>
        <dd class="am-accordion-bd am-collapse am-in">
            <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
            <div class="am-accordion-content am-list-news-bd">
                <ul class="am-list">
                    <li class="am-g am-list-item-dated first">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                    <li class="am-g am-list-item-dated">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                    <li class="am-g am-list-item-dated">
                        <a href="##" class="am-list-item-hd ">2014</a>
                    </li>
                </ul>
            </div>
        </dd>
    </dl>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>